<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    hr：horizontal水平线
    常用属性：
        color:设置水平线的颜色
        width:水平线的宽度
            两种方式：固定的值/百分比
        align:水平对齐方式：left、center(默认值)、right
        size:设置水平线的厚度(高度)
    <hr>
    <hr color="red" width="500px" align="left" size="10px">
    <hr color="green" width="800px" align="right" size="20px">

    <!--相对于父标签的50%-->
    <hr color="yellow" width="50%" align="left" size="30px">

    <!--
        通过css样式的方式可以给div设置宽度和高度以及背景颜色
        style="width:500px;height:300px;background:yellow;"
        width:宽度
        height:高度
        background:背景颜色
    -->

    <div style="width:900px;height:300px;background:yellowgreen;">
        <div style="width:50%;height:300px;background:pink;">
            <hr color="red" width="50%" align="left" size="40px">
        </div>
    </div>
</body>
</html>